Enlaces externos
Los enlaces externos son aquellos que creamos en nuestra web, para que nuestros usuarios puedan acceder a otro sitio web concreto o a un punto determinado del mismo. En estos casos, necesitaremos conocer previamente la dirección única de Internet (la conocida como URL) del sitio en concreto.
Para crear un enlace, necesitaremos también decidir qué parte de nuestra página será el enlace. Normalmente utilizaremos una palabra, una frase o una imagen, de forma que cuando el usuario haga clic en ese punto, el navegador le llevará a su nuevo destino.
Para crear un enlace utilizamos la etiqueta y el parámetro href para indicar la dirección a la que queremos acceder. Este elemento también cuenta con una etiqueta de cierre , de modo que todo lo que queda dentro será el contenido sobre el que el usuario podrá hacer clic.
Puedes obtener más información sobre html en esta página
Enlazar con un recurso específico
Normalmente podremos realizar también enlaces a recursos más concretos. No siempre queremos enlazar con una página web, sino que puede que sólo nos interese que se acceda a un vídeo, a una imagen concreta, a un archivo de audio, etc. Para enlazar con este tipo de recursos, seguiremos exactamente el mismo método anterior. por ejemplo, para descargar un audio insertaremos un enlace, que en nuestro bloc de notas tendrá el siguiente aspecto:
Comenzaría a escuchar ese archivo de audio o se descargaría en su ordenador, dependiendo de la configuración de su navegador. Si observa con detenimiento la URL, podremos observar que estamos enlazando directamente con un archivo mp3 situado en Internet.
No siempre es sencillo enlazar directamente con un recurso concreto; en muchos casos nos veremos limitados a hacer una referencia a la página web que contiene el recurso.
Destino de enlace
Un aspecto, que podemos variar al crear un enlace, es el lugar en el que se debe desplegar el nuevo contenido al que vamos a acceder. Habitualmente dejaremos que se abra siempre en la misma ventana en la que esté la página web o que sea el usuario el que decida si quiere crear una nueva pestaña o ventana. No obstante, nosotros podemos influir en esa decisión indicando mediante el parámetro target un destino determinado.
La siguiente dirección, por ejemplo, hace que la página web no se abra en la ventana habitual, sino en una ventana nueva o en una pestaña, dependiendo de nuestro navegador:
Prueba en el "a href="http://www.google.es" target="_blank""buscador"/a" (las comillas equivalen a < >)
Insertar una imagen
Para insertar una imagen, contamos con un elemento html denominado "img", que se acompaña del parámetro src para indicar la ubicación de la imagen (source en inglés). El formato general es el siguiente:
img src="nombredelaimagen.png" / (entre < >)
Es un elemento que no tiene etiqueta de cierre, por lo que el cierre va incluido en la propia etiqueta.
También se puede mostrar una imagen ubicada en una dirección de Internet. Puede ser una dirección absoluta, que muestra una imagen que no está en nuestro ordenador ni en nuestro espacio web, sino directamente en Internet.
Descripcion de la imagen
Por cuestiones de accesibilidad, cada imagen debe acompañarse siempre de un texto que será mostrado en el caso de que, por cualquier motivo, la imagen no esté disponible y que sirve también como descripción en aplicaciones lectoras para personas con discapacidad.
El texto alternativo se inserta con el atributo alt.
Modificarlas dimensiones de la imagen
HTML incorpora dos atributos más a la etiqueta img: width (ancho) y height (alto); con ellos podemos indicar explícitamente la anchura y altura que tendrá una imagen.
Normalmente estos valores se emplean para establecer los valores reales de la imagen, lo que facilita el proceso de carga de la página, pero también se pueden emplear para que una imagen se muestre más pequeña, más grande o símplemente distorsionada en alguno de sus ejes.
Ambos atributos se acompañan de un valor entre comillas. Puede venir expresado en dos medidas diferentes:
Insertar un vídeo
Una vez que tenemos el vídeo en un formato adecuado, podemos insertarlo en la página web mediante el elemento HTML "video". Su estructura es muy similar a la que empleábamos con las imágenes, aunque en este caso sí lleva etiqueta de cierre.
"video src="video/fireworks_reducido.webm">
La ruta del vídeo debe ser la que corresponda (en nuestro ejemplo, está colocado dentro de una carpeta llamada video). Al probar la película en el navegador.
Como sucedía con las imágenes, en un vídeo podemos indicar su anchura y altura mediante los valores width y height. De hecho es recomendable hacerlo, para que el navegador sepa de antemano el espacio que debe destinar al vídeo.
"video src="video/fireworks_reducido.webm" width="300" height="208">
Parámetros